/* 改变主题色变量 */
//$--color-primary: #7d93cd;
//$--color-primary: #7393ba;
$--fsize: 16px;
$--color-primary: #325e96;
$--input-border-color: #a5b0bd;
$--input-background-color: #fafafa;
$--input-border-radius: 2px;
$--table-border-color: #a5b0bd;

//background-color: #fafafa !important;
//border-radius: 2px !important;
//border: solid 1px #a5b0bd !important;
// vxe
$vxe-primary-color: #325e96;
$vxe-table-border-color: #a5b0bd;

//$--font-size-medium: 16px;
//$--font-size-small: 15px;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
@import "~vxe-table/styles/index.scss";

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next {
  //background-color: rgb(122 152 234 / 60%);
  background-color: #e2e6ec;
}

.el-pagination.is-background .el-pager li {
  border-radius: 2px;
  //border: solid 1px #7a98ea;
  background-color: #fff;

}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  //background-color: #7393ba;
  color: #FFFFFF;
}

.el-pagination span:not([class*=suffix]), .el-pagination button {
  font-size: 14px;
  color: #606266;
  padding: 0 7px;
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size: 14px;
}

//下拉选择框字体
.el-select-dropdown__item {
  //font-size: $--fsize;
  height: 30px;
  line-height: 30px;
}

// tree样式
.el-tree{
  background-color: transparent;
  height: 100%;
  overflow: auto;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  background-color: #aec3db;
  border-radius: 3px;
}
.el-tree-node__expand-icon {
  color: #022842;
  font-size: 18px;
}
.el-tree-node__content>.el-tree-node__expand-icon {
  padding: 3px;
  margin-top: -3px;
}
//.el-tree-node__content {
//  font-size: $--fsize;
//  height: 30px;
//  line-height: 30px;
//}

//.el-tree-node__label {
//  font-size: $--fsize;
//}

//.el-tree-node__expand-icon {
//  font-size: $--fsize;
//  color: #333;
//  padding: 3px;
//}


.el-dropdown-menu {
  padding: 0;
  background-color: #fff;
  border: none;
}

.el-tree--highlight-current .el-tree-node {
  width: 100%;
}

.el-dialog{
  background: transparent;
}
.el-dialog__header {
  padding: 7px 15px 7px 20px;
  font-size: 16px;
  border-radius: 5px 5px 0 0;
  background-image: linear-gradient(0deg, #2b5589 0%, #4a83c8 100%);
}

.el-dialog__title {
  font-size: $--fsize;
  color: #ffffff;
}

.el-dialog__headerbtn {
  top: 7px;
  right: 15px;
}
// 弹框关闭按钮样式
.el-dialog__headerbtn .el-dialog__close {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  // background: #3b59ae;
  border-radius: 50%;
  padding: 2px;
}
.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close{
  color: #ffffff;
}

.el-dialog__body {
  padding: 20px;
  background: #FFFFFF;
}
.el-dialog__footer{
  padding: 5px 20px 20px;
  background-color: #FFFFFF;
  border-radius: 0 0 5px 5px;
}
.el-button--small{
  padding: 7px 8px;
}
.el-button-defaule {
  border-color: #d8dff0;
}

.el-button.is-round {
  font-size: $--fsize !important;

  span {
    display: flex;
    justify-content: center;
    align-items: center;
}
}

.el-button {
  font-size: $--fsize;
  border-radius: 2px;
}

// 表格样式
.vxe-table--header,
.vxe-cell--label,
.el-table .cell,
.el-table {
  color: #555555;
  font-size: 15px !important;
  font-weight: normal;
}
.el-table__empty-text{
  color: #606266;
  font-size: 15px;
}
.el-table th {
  background-color: #e6eaef;
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  font-size: 20px;
  color: #333;
}
.text-mini-btn{
  padding: 0 8px !important;
}
//.vxe-table--render-default.size--small{}
.vxe-table--render-default {
  font-size: 15px !important;
}

.cell .el-button + .el-button,
.vxe-cell .el-button + .el-button {
  padding-left: 0;
}

.vxe-cell .el-button--mini,
.cell .el-button--mini {
  font-size: $--fsize;
  color: #5775c5;
  padding: 5px 8px;

  i {
    float: left;
    margin-right: 5px;
}

  span {
    display: flex;

    img {
      //width: 13px;
      //height: 14px;
      width: 15px;
      height: 18px;
      margin-right: 5px;
  }
}
}

.vxe-table--render-default .vxe-body--row.row--radio,
.vxe-table--render-default .vxe-body--row.row--current {
  background-color: #d2dae5 !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: #fafafa !important;
}
.vxe-header--column{
  font-weight: normal !important;
}
.vxe-table--header {
  color: #555555 !important;
  background-color: #e6eaef !important;
}
.vxe-header--row .vxe-cell--title{
  //font-weight: bold;
  //font-size: 16px;
  color: #555555;
}
.vxe-body--row td:last-child,
.vxe-header--row th:last-child{
//background-size: 0 !important;
//background-size: 0px 100%,100% 1px !important;
}
.is--scroll-y .vxe-table--body-wrapper{
  width: calc(100% - 1px) !important;
}
.vxe-table--render-default .vxe-body--row.row--stripe {
  background-color: #f5f7fa;
}

.vxe-table--render-default .vxe-table--border-line{
  left: -1px !important;
  margin-left: 1px;
  width: calc(100% - 1px);
//left: 0px !important;
}
.vxe-table--filter-option .vxe-checkbox--icon,
.vxe-export--panel-column-option .vxe-checkbox--icon,
.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon,
.vxe-custom--option .vxe-checkbox--icon,
.vxe-checkbox .vxe-checkbox--icon{
  font-size: 1.5em;
}

.vxe-checkbox
.vxe-checkbox--icon,
.vxe-custom--option .vxe-checkbox--icon,
.vxe-export--panel-column-option .vxe-checkbox--icon,
.vxe-table--filter-option .vxe-checkbox--icon,
.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
  font-weight: 500 !important;
  color: #a5b0bd;
}
.vxe-table {
  .vxe-cell {
    .czTextBtnPlus {
      color: #5775c5;
      font-size: 15px;
      cursor: pointer;
      padding: 0 5px;
  }

    .czTextBtnDel {
      color: #f56c6c;
      font-size: 15px;
      cursor: pointer;
      padding: 0 5px;
  }
}
}

.vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon{
  box-shadow: none;
}

.vxe-pulldown--panel{
  z-index: 99999999 !important;
}
.vxe-pulldown--wrapper{
  background-color: transparent;
}
.vxe-modal--wrapper {
  color: #333 !important;
}
.vxe-modal--wrapper .vxe-modal--box{
  border: none;
  background-color: transparent;
}
.vxe-modal--wrapper .vxe-modal--zoom-btn, .vxe-modal--wrapper .vxe-modal--close-btn{
  margin-left: 1em;
}
.vxe-modal--wrapper .vxe-modal--header{
  background-color: transparent;
  border-radius: 5px 5px 0px 0px;
  background-image: linear-gradient(0deg, #2b5589 0%, #4a83c8 100%);
}
.vxe-modal--wrapper .vxe-modal--header-title{
  padding: 7px 15px 7px 20px;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
}
.vxe-modal--wrapper .vxe-modal--header-right{
  padding: 7px 15px 7px 20px;
  font-size: 16px;
  font-weight: normal;
  color: #ffffff;
}
.vxe-modal--wrapper .vxe-modal--zoom-btn:hover,
.vxe-modal--wrapper .vxe-modal--close-btn:hover{
  color: #ffffff;
}
.vxe-modal--wrapper .vxe-modal--footer,
.vxe-modal--wrapper .vxe-modal--body{
  background-color: #ffffff;
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  height: 5px;
}

.el-checkbox__inner {
  width: 17px;
  height: 17px;
  border: 1px solid #606266;
  border-radius: 1px;
}

.el-checkbox__inner::after {
  //border: 2px solid #FFFFFF;
  border: 2px solid #FFFFFF;
  border-left: 0;
  border-top: 0;
  height: 8px;
  left: 5px;
}

.el-message {
  min-width: 200px;
  top: 75px !important;
  padding: 15px;
  border-radius: 2px !important;
}

.el-message__content {
  font-size: 16px;
}
.el-loading-spinner i{
  font-size: 25px;
  color: #fff;
}
.el-loading-spinner .el-loading-text{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 5px;
  padding-left: 25px;
}

.el-textarea__inner,
.el-input__inner {
  font-size: $--fsize;
  background-color: #fafafa !important;
  border-radius: 2px !important;
  border: solid 1px $--input-border-color !important;
}
.el-textarea__inner::-webkit-scrollbar {
  width: 0px;
}

.el-input--small .el-input__inner {
  font-size: $--fsize;
  font-size: 14px;
}

.el-form-item__label {
  font-size: $--fsize;
}

.el-form-item__content {
  font-size: $--fsize;
}

.el-form-item__label {
  font-size: $--fsize !important;
}

.el-form-item__error {
  font-size: 14px;
  padding-top: 0px !important;
}

.el-textarea {
  font-size: $--fsize;
}

.el-radio-button__inner {
  font-size: $--fsize !important;
}

.el-radio__label {
  font-size: $--fsize !important;
}

.el-checkbox__label {
  font-size: $--fsize !important;
}
.vxe-table--tooltip-wrapper{
  font-size: 15px;
}
.el-tooltip__popper {
  font-size: 15px;
  padding: 5px 10px;
}
.el-tooltip__popper.is-dark {
  max-width: 400px !important;
}

.el-tooltip__popper.is-light {
  max-width: 400px !important;
}
.el-year-table td.today .cell {
  color: #606266;
  font-weight: normal;
}
.el-year-table td.current:not(.disabled) .cell{
  color: #325e96;
  font-weight: bold;
}
.el-year-table{
  font-size: 15px;
}
.el-year-table td{
  padding: 15px 0px;
}
.el-message-box__btns{
  .el-button{
    margin-left: 20px !important;
}
}
